$(function () {
    function getNewsList(page, channelId) {
        axios({
            url: `http://localhost:6766/api/news/${page}/${channelId}`
        }).then(function (res) {
            var newData = res.data.data.list;
            $(newData).each(function (index, item) {
                var time = item.start_time.split(" ");
                newList.append(`
                    <div>
                        <a href="" class="news-item">
                            <div class="news-item__img">
                                <img src="${item.ext[0].value[0].url}" alt="米哈游">
                            </div>
                            <div class="news-item__bd">
                                <div class="news-item__title">
                                    <div>${item.title}</div> 
                                    <span>发布日期：${time[0]}</span>
                                    <div class="base-line"></div>
                                </div>
                                <p class="news-item__intro">
                                    ${item.intro}
                                </p>
                            </div>
                        </a>
                    </div>
                `);
            })
        })
    }

    // 默认最新页面
    var newList = $(".news-list"), page = 1;
    var newsCates = $(".news-cate");
    newsCates.each(function (index, item) {
        if ($(item).hasClass("active")) {
            var channelId = item.dataset.id
            getNewsList(page, channelId);
        }
    })


    // 点击更多加载新闻
    var moreBtn = $(".more-btn");
    moreBtn.click(function () {
        page++;
        newsCates.each(function (index, item) {
            if ($(item).hasClass("active")) {
                var channelId = item.dataset.id;
                getNewsList(page, channelId);
            }
        })
    })

    // 点击页签切换新闻
    newsCates.click(function () {
        newsCates.each(function (index, item) {
            $(item).removeClass("active");
        })
        $(this).addClass("active");
        newList.empty();
        var channelId = this.dataset.id;
        var page = 1;
        getNewsList(page, channelId);
    })

    // 回到顶部
    var toTop = $(".aside");
    $(window).scroll(function () {
        if (scrollY >= 600) {
            toTop.addClass("active");
        }
        else {
            toTop.removeClass("active");
        }
    });

    toTop.click(function () {
        $("html,body").animate({
            "scrollTop": 0
        }, 1000)
    })
})